<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="robots" content="noindex,nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="/webdot/icon.png">
<title>WebDot Tutorial: Clickable edges</title>
</head>
<body bgcolor="white">
<a href="/webdot/hnodes.html">[previous]</a>
<a href="/webdot/svgembed.html">[next]</a>
<font size="+2"><b>WebDot Tutorial: Clickable edges</b></font>
<p>
<a href="/cgi-bin/webdot/webdot/hedges.dot.dot.map">
<img src="/cgi-bin/webdot/webdot/hedges.dot.dot.png" border="0" ismap>
</a>
<p>
Dot supports a "\N" substitution so that the URLs of the nodes can be
based on the node name.  Edges can also have URLs, and \E, \H, \T can be used
to substitute the edgename, head_node name, tail_node name respectively. Because
of the limited abilities of image maps, a label must exist and the
URL is attached to it.
<table border="1"><tr><td><pre>
digraph G {
        graph [URL="default.html"]
        node [URL="\N.html"]
        a -&gt; b -&gt; c
        a -&gt; c [URL="\E.html", label="\E"]
}
</pre></td></tr></table>
<p>
The box around the clickable image can be suppressed with "border=0"
<table border="1"><tr><td><pre>
&lt;a href="/cgi-bin/webdot/webdot/hedges.dot.dot.map"&gt;
&lt;img src="/cgi-bin/webdot/webdot/hedges.dot.dot.png" border="0" ismap&gt;
&lt;/a&gt;
</pre></td></tr></table>
</body>
</html>
